<template>
<div class='ygbh-header'>
	<div class="ygbh-header-inter">ygbh-ui(V2版本)
		<a href="https://gitee.com/xiebaolin/ygbhui" title="GitHub" target="_blank" class="pull-right skip-link">
			<svg viewBox="0 0 16 16"><path fillrule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59c.4.07.55-.17.55-.38c0-.19-.01-.82-.01-1.49c-2.01.37-2.53-.49-2.69-.94c-.09-.23-.48-.94-.82-1.13c-.28-.15-.68-.52-.01-.53c.63-.01 1.08.58 1.23.82c.72 1.21 1.87.87 2.33.66c.07-.52.28-.87.51-1.07c-1.78-.2-3.64-.89-3.64-3.95c0-.87.31-1.59.82-2.15c-.08-.2-.36-1.02.08-2.12c0 0 .67-.21 2.2.82c.64-.18 1.32-.27 2-.27c.68 0 1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82c.44 1.1.16 1.92.08 2.12c.51.56.82 1.27.82 2.15c0 3.07-1.87 3.75-3.65 3.95c.29.25.54.73.54 1.48c0 1.07-.01 1.93-.01 2.2c0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8z" fill="currentColor"></path></svg>
		</a>
		<a href='https://xbl13670280929.github.io/ygbh-plus.html' target='_blank' class='pull-right'>V3版本</a>
		<a href='https://xbl13670280929.github.io/ygbh-react.html' target='_blank' class='pull-right'>react版本</a>
	</div>
</div>
</template>

<script>
export default {
	name: 'Ygbhheader',
	props: {
		msg: String
	}
}
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.ygbh-header{ position: fixed; width: 100%; height: 80px; top: 0; left: 0; z-index: 99; background-color: #FFF;}
.ygbh-header .ygbh-header-inter{ width: 1140px; height: 100%; margin: 0 auto; line-height: 80px; border-bottom: 1px solid #dcdfe6; box-sizing: border-box;}
.ygbh-header .skip-link{ width: 20px; height: 20px; margin-top: 4px;}
.ygbh-header .pull-right{ float: right; margin-left: 12px; text-decoration: none;}
</style>